.ypgRwBtn,.hpgRwBtn,.yQJbtn,.hQJbtn,.jzBtn,.newQJbtn,.copyQJbtn{
  width: 200px;height: 100px;
  background-color: transparent;
}
.ypgRwBtn{
  background-image: url('../img/ypg.png')
}
.hpgRwBtn{
  background-image: url('../img/hpg.png')
}
.yQJbtn{
  background-image: url('../img/ypg.png')
}
.hQJbtn{
  background-image: url('../img/hpg.png')
}
.jzBtn{
  background-image: url('../img/jz.png')
}
.newQJbtn{
  background-image: url('../img/newQJ.png')
}
.copyQJbtn{
  background-image: url('../img/copyQJ.png')
}

/*将toolbar放入bootstrap-table之后此样式就不需要了*/
/*#rwToolbar, #qjToolbar ,#qdToolbar{*/
  /*margin: 10px;*/
/*}*/
.rwtableDiv>.clearfix{
  border:1px solid #e7eaec;
}

.lh29 {
  line-height: 29px;
}
.error{
  color:red;
}
.old-foot{
  display: none;
}

.date_div{
  height: 10px;
  position: relative;
  background-color: #75b9e6;
}

.date_div:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-left-color: #75b9e6;
    position: absolute;
    right: -24px;
    top: -6px;
}

.date_div span{
  position: absolute;
  top: -30px;
  transform: rotate(-17deg);
}

.date_div span:nth-child(1){
  left: 10%;
}

.date_div span:nth-child(2){
  left: 30%;
}

.date_div span:nth-child(3){
  left: 50%;
}

.date_div span:nth-child(4){
  left: 70%;
}

.date_div span:nth-child(5){
  left: 90%;
}

.areaTitle{
  /*position: relative;*/
}

/*此处被修改 20170323 10点*/
/*.areaTitle_con{*/
  /*/!*position: absolute;*!/*/
  /*width: 80%;*/
  /*/!*left: 20%;*!/*/
  /*height: 80px;*/
  /*border: 1px solid #D9D9D9;*/
  /*border-radius: 4px;*/
  /*text-align: center;*/
/*}*/
/*.areaTitle_con b{*/
  /*line-height: 50px;*/
  /*font-size: 16px;*/
  /*font-weight: 700;*/
/*}*/
/*.areaTitle_con>i{*/
  /*line-height: 48px;*/
  /*font-size: 16px;*/
  /*font-weight: 700;*/
  /*margin-bottom: 2px;*/
/*}*/

.selectOperate{
  width: 100%;
  position: relative;
  height: 200px;
  overflow: hidden;
}
.btnSelect,.sTime,.sPlan{
  width: 100%;
  position: absolute;
  transition: all 0.3s linear;
  height:100%;
}
.sTime{
  left: -100%;
  opacity: 0;
}
.sPlan{
  right: -100%;
  opacity: 0;
}
.showTimes .col-md-4{
  height: 90px;
}


.front{
  height: 150px;
  width: 150px;
  float: left;
  border: 1px solid #aaa;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.period{
  height: 150px;
  width: calc(100% - 150px);
  float: left;
  border: 1px solid #aaa;
  overflow: hidden;

  /*background-color: #eaeaea;*/
  /*margin: 35px 0 0 0;*/
  position: relative;
}
.period .time{
  overflow: hidden;
  height:150px;
  width:10%;
  float: left;
  text-align: center;
  position: relative;
}
.area{
  position: relative;
}
.areaMsg div{
  box-sizing: border-box;
}

.area .front>span{
  line-height: 150px;
  font-size: 20px;
}
.areaToolDiv,.timeToolDiv{
 /*  position: absolute;
  left: -85px;
  bottom: 4px;
  transition: left 0.3s linear; */
}
/*.areaToolDiv button:hover,.timeToolDiv button:hover{*/
  /*color:#676a6c;*/
/*}*/

.toolShow{
  position: relative;
}
.toolShow span{
  display: none;
  width: 60px;
  height: 20px;
  text-align: center;
  background-color: #fefefe;
  border: 1px solid #cacaca;
  position: absolute;
  left: 4px;
  top: -30px;
}
.toolShow span:after{
  content: '';
  display: block;
  border: 9px solid transparent;
  border-top-color: #D9D9D9;
  position: absolute;
  left: -2px;
}
.toolShow:hover span{
  display: block;
}
.time:hover .timeToolDiv,.front:hover .areaToolDiv{
  left: 4px;
}

.disNone{
  display: none !important;
}

.period .showLine{
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #aaa;
  bottom: 0;
}

.w25h50{
  width: 25%;
  float: left;
  box-sizing: border-box;
  height: 75px;
  text-align: center;
  border: 1px solid #aaa;
  line-height: 75px;
}

.hk{
  width: 4px;
  height: 150px;
  position: absolute;
  /*left: 15%;*/
  background-color: #aaa;
  top: -148px;
  cursor: ew-resize;
}
.hk:after{
  display: none;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid #aaa;
  transform: rotate(45deg);
  left: -8px;
  top: 60px;
}
.hk:hover:after{
  display: block;
}
.hk:hover .showTips{
  display: block;
}

.showTipsLeft{
  display: none;
  color: #333;
  width: 100px;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  z-index: 2;
  position: absolute;
  bottom: 16px;
  left: 18px;
  text-align: center;
  background-color: #eaeaea;
}
.showTipsLeft:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border: 7px solid transparent;
  border-right: 25px solid #eaeaea;
  transform: rotate(-45deg);
  top: 24px;
  left: -22px;
}

.showTipsRight{
  display: none;
  color: #333;
  width: 100px;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  z-index: 2;
  position: absolute;
  bottom: 16px;
  right: 18px;
  text-align: center;
  background-color: #eaeaea;
}
.showTipsRight:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border: 7px solid transparent;
  border-right: 25px solid #eaeaea;
  transform: rotate(-135deg);
  top: 24px;
  right: -22px;
}
.modal-lg.bigModal{
  width: 80%;
}
.codeTree,.rightArrow,.showCode,.showMap{
  height: 650px;
  background-color: #fff;
}
.rightArrow{
  display: flex;
  float: left;
  width: 45px;
  background-color: rgb(226, 240, 217);
}
.rightArrow>div{
    width: 100%;
  background-color: rgb(91,155,213);
  align-self:center;
  text-align: center;
}
.codeTree{
  float: left;
  width: calc(100% - 45px);
  /*width: 100%;*/
}
.rightBtn{
  float: left;
  width: 45px;
  font-size: 25px;
  position: absolute;
  right: 1px;
  top: 42%;
}
.editAreaTitle{
  background-color: #fff;
  padding: 5px;
}
.editAreaTitle p,.editAreaTitle label{
  margin: 0;
  line-height: 33px;
}

.qjbjDiv{
  background-color: #fff;
}
.qjbj{
  margin-right: 15px;
}
.w80{
  width: 80%;
}


.bcg{
  background-color: rgb(226,240,217);
}


.codeTree{
  border: 1px solid #eaeaea;
}

.rightArrow i{
  padding:5px;
  font-weight: 500;
  font-size: 45px;
  color: #fff;
}

.pl0{
  padding-left: 0;
}
.pr0{
  padding-right: 0;
}

.adcodeList{
  height: 585px;
  overflow: auto;
}
.showMap{
  height: 650px;
}

#adcodeTree{
  height: 646px;
  overflow: auto;
}

/*清单样式 start*/
.qjbjDiv,.qdListBox,.qdCreate,.rwContent{
  background-color: #fff;
}
/*清单样式 end*/

.qyCon,.csCon,.jpfxCon{
  position: relative;
  height: 98%;
  padding: 5px 10px;
}
.qyCon h3,.csCon h3,.jpfxCon h3{
  color: #3498da;
}
.jsBtn{
  /* position: absolute; */
  bottom: 10px;
}
.qyCon span,.csCon span,.jpfxCon span{
  font-size: 14px;
}
.qyCon>div,.csCon>div,.jpfxCon>div{
  margin-bottom: 20px;
}



/* 刘俊 */
/* .topChoose{
	float: left;
	margin: 0;
}
.leftSomething{
	float: left;
	margin: 0;	
} */
.boxMapImg{   
	height: 300px;
	background-color: orange;
	border: 1px;
	left: 800px;
	
} 

.tableInall{
	
}

.zhezhao { 
	 width:100%; 
	 height:100%; 
	 background-color:#000; 
	 filter:alpha(opacity=50); 
	 -moz-opacity:0.5; 
	 opacity:0.5; 
	 position:absolute; 
	 left:0px; 
	 top:0px; 
	 display:none; 
	 z-index:1000; 
}
.zhezhao_title { 
	 width:280px; 
	 height:180px; 
	 position:absolute; 
	 top:200px; 
	 left:50%; 
	/*  background-color:#000;  */
	 margin-left:-140px; 
	 display:none; 
	 z-index:1500; 
}

button[disabled],.btn[disabled]{
  cursor: no-drop;
}
















/* 区域时段样式 Start*/

.demo {
  background: #ecedef;
  padding: 1.5em 0;
}

.pricingTable {
  text-align: center;
  background: #fff;
  padding: 0px 0 0 0;
}

.pricingTable .price-value {
  padding: 11px 0;
  background: #4884E1;
  margin-bottom: 10px;
  position: relative;
}

.pricingTable .price-value:before {
  content: "";
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: 0;
  left: 46%;
}

.pricingTable .month {
  display: block;
  font-size: 15px;
  font-weight: 900;
  color: #fff;
  /*text-transform: uppercase;*/
}

.btn-1 {
  display: inline-block;
  zoom: 1;
  vertical-align: bottom;
  text-align: center;
  margin: 0px 5px;
  border-radius: 3px;
  text-decoration: none;
  font-weight: 300;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(250, 250, 250, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(250, 250, 250, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(250, 250, 250, 0.4);
}

.btn-1:hover {
  opacity: 0.7;
}

/* Sizes */
.btn-1-small {
  font-size: 13px;
  padding: 5px 10px;
}

/* Colours */
.btn-1-blue {
  color: #FFF;
  border: 1px solid #0082BE;
  background: #00A4EF;
  /*background-image: linear-gradient(bottom, rgb(0, 163, 239) 1%, rgb(0, 177, 241) 51%);*/
  /*background-image: -o-linear-gradient(bottom, rgb(0, 163, 239) 1%, rgb(0, 177, 241) 51%);*/
  /*background-image: -moz-linear-gradient(bottom, rgb(0, 163, 239) 1%, rgb(0, 177, 241) 51%);*/
  /*background-image: -webkit-linear-gradient(bottom, rgb(0, 163, 239) 1%, rgb(0, 177, 241) 51%);*/
  /*background-image: -ms-linear-gradient(bottom, rgb(0, 163, 239) 1%, rgb(0, 177, 241) 51%);*/
}

.btn-1-dark-blue {
  color: #FFF;
  border: 1px solid #21345A;
  background: #385492;
  /*background-image: linear-gradient(bottom, rgb(56, 85, 146) 1%, rgb(63, 95, 159) 51%);*/
  /*background-image: -o-linear-gradient(bottom, rgb(56, 85, 146) 1%, rgb(63, 95, 159) 51%);*/
  /*background-image: -moz-linear-gradient(bottom, rgb(56, 85, 146) 1%, rgb(63, 95, 159) 51%);*/
  /*background-image: -webkit-linear-gradient(bottom, rgb(56, 85, 146) 1%, rgb(63, 95, 159) 51%);*/
  /*background-image: -ms-linear-gradient(bottom, rgb(56, 85, 146) 1%, rgb(63, 95, 159) 51%);*/
}

.btn-1-dark-grey {
  color: #FFF;
  border: 1px solid #151617;
  background: #48494C;
  /*background-image: linear-gradient(bottom, rgb(72, 73, 76) 1%, rgb(82, 85, 88) 51%);*/
  /*background-image: -o-linear-gradient(bottom, rgb(72, 73, 76) 1%, rgb(82, 85, 88) 51%);*/
  /*background-image: -moz-linear-gradient(bottom, rgb(72, 73, 76) 1%, rgb(82, 85, 88) 51%);*/
  /*background-image: -webkit-linear-gradient(bottom, rgb(72, 73, 76) 1%, rgb(82, 85, 88) 51%);*/
  /*background-image: -ms-linear-gradient(bottom, rgb(72, 73, 76) 1%, rgb(82, 85, 88) 51%);*/
}

.btn-1-salmon {
  color: #FFF;
  border: 1px solid #B71700;
  background: #F75D4E;
  /*background-image: linear-gradient(bottom, rgb(247, 93, 78) 1%, rgb(250, 122, 122) 51%);*/
  /*background-image: -o-linear-gradient(bottom, rgb(247, 93, 78) 1%, rgb(250, 122, 122) 51%);*/
  /*background-image: -moz-linear-gradient(bottom, rgb(247, 93, 78) 1%, rgb(250, 122, 122) 51%);*/
  /*background-image: -webkit-linear-gradient(bottom, rgb(247, 93, 78) 1%, rgb(250, 122, 122) 51%);*/
  /*background-image: -ms-linear-gradient(bottom, rgb(247, 93, 78) 1%, rgb(250, 122, 122) 51%);*/
}

.btn-1-orange {
  color: #FFF;
  border: 1px solid #D05808;
  background: #FFA210;
  /*background-image: linear-gradient(bottom, rgb(255, 163, 16) 1%, rgb(255, 179, 56) 51%);*/
  /*background-image: -o-linear-gradient(bottom, rgb(255, 163, 16) 1%, rgb(255, 179, 56) 51%);*/
  /*background-image: -moz-linear-gradient(bottom, rgb(255, 163, 16) 1%, rgb(255, 179, 56) 51%);*/
  /*background-image: -webkit-linear-gradient(bottom, rgb(255, 163, 16) 1%, rgb(255, 179, 56) 51%);*/
  /*background-image: -ms-linear-gradient(bottom, rgb(255, 163, 16) 1%, rgb(255, 179, 56) 51%);*/
}

.btn-1-mint {
  color: #FFF;
  border: 1px solid #007B4B;
  background: #16AE76;
  /*background-image: linear-gradient(bottom, rgb(22, 174, 118) 1%, rgb(53, 190, 142) 51%);*/
  /*background-image: -o-linear-gradient(bottom, rgb(22, 174, 118) 1%, rgb(53, 190, 142) 51%);*/
  /*background-image: -moz-linear-gradient(bottom, rgb(22, 174, 118) 1%, rgb(53, 190, 142) 51%);*/
  /*background-image: -webkit-linear-gradient(bottom, rgb(22, 174, 118) 1%, rgb(53, 190, 142) 51%);*/
  /*background-image: -ms-linear-gradient(bottom, rgb(22, 174, 118) 1%, rgb(53, 190, 142) 51%);*/
}

.btn-1-pink {
  color: #FFF;
  border: 1px solid #A30C61;
  background: #F45EB3;
  /*background-image: linear-gradient(bottom, rgb(244, 94, 179) 1%, rgb(240, 110, 184) 51%);*/
  /*background-image: -o-linear-gradient(bottom, rgb(244, 94, 179) 1%, rgb(240, 110, 184) 51%);*/
  /*background-image: -moz-linear-gradient(bottom, rgb(244, 94, 179) 1%, rgb(240, 110, 184) 51%);*/
  /*background-image: -webkit-linear-gradient(bottom, rgb(244, 94, 179) 1%, rgb(240, 110, 184) 51%);*/
  /*background-image: -ms-linear-gradient(bottom, rgb(244, 94, 179) 1%, rgb(240, 110, 184) 51%);*/
}

.btn-1-purple {
  color: #FFF;
  border: 1px solid #191762;
  background: #36309A;
  /*background-image: linear-gradient(bottom, rgb(53, 48, 154) 1%, rgb(80, 83, 176) 51%);*/
  /*background-image: -o-linear-gradient(bottom, rgb(53, 48, 154) 1%, rgb(80, 83, 176) 51%);*/
  /*background-image: -moz-linear-gradient(bottom, rgb(53, 48, 154) 1%, rgb(80, 83, 176) 51%);*/
  /*background-image: -webkit-linear-gradient(bottom, rgb(53, 48, 154) 1%, rgb(80, 83, 176) 51%);*/
  /*background-image: -ms-linear-gradient(bottom, rgb(53, 48, 154) 1%, rgb(80, 83, 176) 51%);*/
}

.btn-1-yellow {
  color: #FFF;
  border: 1px solid #AD7307;
  background: #FFBE36;
  /*background-image: linear-gradient(bottom, rgb(255, 191, 54) 1%, rgb(252, 202, 87) 51%);*/
  /*background-image: -o-linear-gradient(bottom, rgb(255, 191, 54) 1%, rgb(252, 202, 87) 51%);*/
  /*background-image: -moz-linear-gradient(bottom, rgb(255, 191, 54) 1%, rgb(252, 202, 87) 51%);*/
  /*background-image: -webkit-linear-gradient(bottom, rgb(255, 191, 54) 1%, rgb(252, 202, 87) 51%);*/
  /*background-image: -ms-linear-gradient(bottom, rgb(255, 191, 54) 1%, rgb(252, 202, 87) 51%);*/
}

.btn-1-white {
  color: #444;
  text-shadow: none;
  border: 1px solid #BBB;
  background: #FFF;
  /*background-image: linear-gradient(bottom, rgb(250, 250, 250) 1%, rgb(255, 255, 255) 51%);*/
  /*background-image: -o-linear-gradient(bottom, rgb(250, 250, 250) 1%, rgb(255, 255, 255) 51%);*/
  /*background-image: -moz-linear-gradient(bottom, rgb(250, 250, 250) 1%, rgb(255, 255, 255) 51%);*/
  /*background-image: -webkit-linear-gradient(bottom, rgb(250, 250, 250) 1%, rgb(255, 255, 255) 51%);*/
  /*background-image: -ms-linear-gradient(bottom, rgb(250, 250, 250) 1%, rgb(255, 255, 255) 51%);*/
}

.btn-flash{
  animation: flash1 0.7s linear infinite;
}

@keyframes flash1 {
  0%{
    background-color: #151617;
  }
  50%{
    background-color: rgb(0, 177, 241);
  }
  100%{
    background-color: #151617;
  }
}

.theme-blue .scale span{
  width: 60px;
}
.theme-blue .scale span ins{
  background-color: #fff;
}

/* 区域时段样式 End*/


/*水平分布 start*/

.calcType{
  position: absolute;
  top: 20px;
  right: 15px;
}
.calcType label{
  background-color:#fff;
}
.showType{
  position: absolute;
  top: 20px;
  right: 30px;
}
.showType label{
  background-color:#fff;
}
.qjBtn{
  position: absolute;
  top: 65px;
  right: 15px;
}
#qjBtn1.qjBtn{
  right: 30px;
}
.bgw {
	background-color:#fff;
  border-radius: 3px !important;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.qjBtn label.disabled{
	color:#fff;
}
/*水平分布 end*/

/*垂直分布 start*/
.echartsCZ{
  height: 500px;
  margin-left:0px;
  margin-right:auto;
  margin-top:10px
}


/*垂直分布 end*/

/*为task1页面添加的样式，研究下路由的功能将下面的代码再单独出来
------------------------------------------------------------------------------------------
*/
#rwTable>tbody>tr.info>td{
  background-color: #d1f0ff;
}
#rwTable>tbody>tr.info>td:last-child{position: relative}
#rwTable>tbody>tr.info>td:last-child:after{
  content: "";
  display: block;
  height: 100%;
  width: 5px;
  background: #D1F0FF;
  position: absolute;
  right: -4px;
  top:0px;
}
.qjtableDiv table>thead,.qjtableDiv table>tbody>tr>td:first-child{
  background-color: #D1F0FF;
}
#qjTable{
  height: 100%;
}
#qjTable>tbody>tr>td{
  border: none;
  border-top: 1px solid #D1F0FF;
}


/*空气质量预报 预报检验 start*/
.mnDataShow table tbody tr:nth-child(2n+1) td{
  background-color : #d2deef;
}

.mnDataShow table tbody tr:nth-child(2n) td{
  background-color : #eaeff7;
}

.mnDataShow table{
  width: 100%;
  text-align: center;
  line-height: 35px;
  border-collapse: initial;
  border-spacing: 2px;
}
.mnDataShow table th{
  text-align: center;
}
.mnDataShow table th{
  min-width: 100px;
  color: #fff;
  background-color: #5b9bd5;
}
.mnDataShow{
  width: 50%;
}
.mnDataShow .mnName{
  min-width: 418px;
  text-align: center;
  line-height: 30px;
  font-size: 17px;
}
/*空气质量预报 预报检验 end*/
